<template>
<div>
<h2 class='name'>我是{{name}}</h2>
<h3>学生兄弟组件给我传的值是{{msg}}</h3>
</div>
</template>

<script>
export default {
    name:'School',
    data(){
        return {
            name:'学校',
            msg:'默认为空'
        }
    },
    mounted() {
        // 我们来给中转站绑定一个自定义事件
        // 下面为什么要用箭头函数，因为传递过去函数的this会指向触发事件的组件，箭头函数能把this留在这里
        this.x.$on('hello',(data)=>{
            this.msg = data;
        })
    },
}
</script>


<style>
    .name{
        background: lightblue;
    }
</style>